<template>
	<div>
		<div class="blue">
			<div class="top">
				<div class="photo"><img src="@/static/111.png" alt=""></div>
				<div class="topd">
					<div>今天改完Bug了吗</div>
					<div>
						<p>180****6270</p>
					</div>
				</div>
				<div class="sms"><img src="@/static/sms.png" alt=""></div>
			</div>

		</div>
		<div class="sss">
			<ul>
				<li>
					<div class="second">
						<div class="aa" @click='mynavlefwet'>
							<div class="p1"><img src="@/static/111.png" alt=""></div>
							<div class="d1 d3">就诊人管理</div>
						</div>
						<div class="aa" @click="tomanage()">
							<div class="p1"><img src="@/static/111.png" alt=""></div>
							<div class="d1 d3">住院人管理</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="ull sss">
			<ul>
				<li>
					<div class="content" @click="toappointmentRegisterRecord">
						<div class="p1"><img src="@/static/111.png" alt=""></div>
						<div class="d1 d2">
							预约挂号记录
						</div>
						<div class="p2"><img src="@/static/addmore.png" alt=""></div>
					</div>
				</li>
				<li>
					<div class="content" @click='toOutpatientPaymentRecord'>
						<div class="p1"><img src="@/static/111.png" alt=""></div>
						<div class="d1 d2">
							门诊缴费记录
						</div>
						<div class="p2"><img src="@/static/addmore.png" alt=""></div>
					</div>
				</li>
				<li>
					<div class="content" @click="physicalexamination">
						<div class="p1"><img src="@/static/111.png" alt=""></div>
						<div class="d1 d2">
							门诊充值记录
						</div>
						<div class="p2"><img src="@/static/addmore.png" alt=""></div>
					</div>
				</li>
				<li>
					<div class="content" @click="physicalexamination">
						<div class="p1"><img src="@/static/111.png" alt=""></div>
						<div class="d1 d2">
							住院充值记录
						</div>
						<div class="p2"><img src="@/static/addmore.png" alt=""></div>
					</div>
				</li>
				<li>
					<div class="content" @click="nucleicacid">
						<div class="p1"><img src="@/static/111.png" alt=""></div>
						<div class="d1 d2">
							核酸预约记录
						</div>
						<div class="p2"><img src="@/static/addmore.png" alt=""></div>
					</div>
				</li>
				<li>
					<div class="content" @click="physicalexamination">
						<div class="p1"><img src="@/static/111.png" alt=""></div>
						<div class="d1 d2">
							体检预约记录
						</div>
						<div class="p2"><img src="@/static/addmore.png" alt=""></div>
					</div>
				</li>

				<li>
					<div class="content" @click="mall">
						<div class="p1"><img src="@/static/111.png" alt=""></div>
						<div class="d1 d2">
							病案申请邮寄记录
						</div>
						<div class="p2"><img src="@/static/addmore.png" alt=""></div>
					</div>
				</li>
				<li>
					<div class="content" @click="providingFeedback">
						<div class="p1"><img src="@/static/111.png" alt=""></div>
						<div class="d1 d2">
							问题反馈
						</div>
						<div class="p2"><img src="@/static/addmore.png" alt=""></div>
					</div>
				</li>
			</ul>

		</div>
	</div>
</template>
<script>
	export default {
		data() {
			return {}

		},
		methods: {
			tomanage(){
				uni.navigateTo({
					url:"/query/page/alienmanage/alienmanage"
				})
			},

		},methods: {


			toappointmentRegisterRecord() {
				uni.navigateTo({
					url: '/query/page/appointmentRegisterRecord/appointmentRegisterRecord'
				})
			},
			toOutpatientPaymentRecord() {
				uni.navigateTo({
					url: '/query/page/OutpatientPaymentRecord/OutpatientPaymentRecord'
				})
			},
			mall() {
				uni.navigateTo({
					url: "../../pay/pages/mall/mall"
				})
			},
			providingFeedback() {
				uni.navigateTo({
					url: "../../pay/pages/providingFeedback/providingFeedback"
				})
			},
			nucleicacid() {
				uni.navigateTo({
					url: '../../subscribe/pages/nucleicacid/nucleicacid'
				})
			},
			physicalexamination() {
				uni.navigateTo({
					url: "../../subscribe/pages/physicalexamination/physicalexamination"
				})
			}
		},
		onShow() {
			if (uni.getStorageSync('token')) {
				uni.showToast({
					title: uni.getStorageSync('token'),
					icon: 'none',
					duration: 2000
				})

			} else {
				uni.login({
					provider: 'weixin',
					success: function(loginRes) {
						console.log(loginRes.authResult);
						uni.setStorageSync('token', loginRes.authResult.refresh_token)
						console.log(uni.getStorageSync('token'))
						// 获取用户信息
						uni.getUserInfo({
							provider: 'weixin',
							success: function(infoRes) {
								console.log('用户昵称为：' + infoRes.userInfo.nickName);
							}
						});
					}
				})
			};

						
			
			
		},methods:{
			nucleicacid(){
				uni.navigateTo({
					url:'../../subscribe/pages/nucleicacid/nucleicacid'
				})
			},
			physicalexamination(){
				uni.navigateTo({
					url:"../../subscribe/pages/physicalexamination/physicalexamination"
				})
			},mynavlefwet(){
				uni.navigateTo({
					url:'../../subscribe/pages/mynavleft/mynavleft'
				})
			}
		}


		

	}
</script>
<style>
	.blue {
		background-color: #3478f7;
		height: 180px;
		color: white;
		padding: 0 15px;

	}

	.photo {
		width: 20%;
	}

	.photo img {
		width: 70px;
		border-radius: 50%;
	}

	.topd {
		width: 60%;
		font-size: 14px;
	}

	.sms {
		width: 10%;
	}

	.sms img {
		width: 30px;
	}

	.top {
		display: flex;
		line-height: 100px;
		padding: 15px 0;
	}

	.topd {
		line-height: 30px;
		margin: auto;
	}

	.second {
		display: flex;
		padding-top: 15px;
		padding-bottom: 5px;
		box-shadow: 5px -5px 5px -5px #e8e8e8;
		background-color: white;
		-webkit-border-radius: 10px;
	}

	.aa {
		width: 50%;
		text-align: center;
	}

	.content {
		display: flex;
		line-height: 60px;
		margin: 10px 0;
	}

	.p1 {
		text-align: center;
		margin: 0 auto;
	}

	.p2 {
		width: 8%;
	}

	img {
		vertical-align: middle;
		margin: 0 auto;
	}

	.p1 img {
		width: 50px;
		border-radius: 50%;

	}

	.p2 img {
		width: 10px;
	}

	.d1 {
		line-height: 60px;
		font-size: 14px;
		font-weight: 200;
	}

	.d2 {
		width: 70%;
	}

	.d3 {
		line-height: 40px;
	}



	ul {
		box-shadow: 5px -5px 5px -5px #e8e8e8;
		border: 1px solid #e0e0e0;
		border-radius: 10px;
		margin: 15px;
		padding: 0;
	}

	li {
		list-style: none;
		border-bottom: 1px solid #e0e0e0;
	}


	li:last-of-type {
		border: none;
	}

	.sss {
		position: relative;
		top: -70px;
		width: 100%;
	}
</style>